import React from "react";
import { Image } from "react-vant";
import { ListRawState } from "../../view/home";
import './style.scss'
interface PropsType {
  v: ListRawState;
}

const ListItem: React.FC<PropsType> = ({ v }) => {
  return (
    <dl key={v.id} className="list-item">
      <dd>
        <h3>{v.title}</h3>
        <h4>
          {v.auther}---{v.createDatetime}
        </h4>
        <p>{v.desc}</p>
      </dd>
      <dt>
        <Image width={150} height={120} src={v.image} alt="" lazyload />
      </dt>
    </dl>
  );
};

export default ListItem;
